@import '../def.scss';

.content {
	margin-top: 100rpx;
	.user-info {
		position: relative;
		width: 100%;
		.avatar {
			width: 525rpx;
			height: 197rpx;
			box-sizing: border-box;
			background: #fff;
			font-size: 0;
			margin: 0 auto;
			image {
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}
		}
		.nickname {
			width: 100%;
			text-align: center;
			font-size: $f40;
			color: #fff;
			font-weight: bold;
			margin-top: 10upx;
			line-height: 56upx;
		}
		.phone {
			width: 100%;
			text-align: center;
			font-size: $f24;
			line-height: 34upx;
			margin-top: 10upx;
			color: #fff;
		}
		.wrap-btn{
			width: 100%;
			display: flex;
			justify-content: center;
		}
		.wrap-btn-bottom{
			margin-top: 50upx;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			.login-button{
				width: 510rpx;
				height: 96rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				background: #05C160;
				font-size: 32rpx;
				border-radius: 58rpx;
				line-height: 1;
				color: #FFFFFF;
				margin-bottom: 50rpx;
			}
			.button{
				width: 510rpx;
				height: 96rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				background: #F4F4F4;
				font-size: 32rpx;
				border-radius: 58rpx;
				line-height: 1;
				color: #000000;
				
			}
			.weixin{
				width: 44rpx;
				height: 35rpx;
				margin-right: 18rpx;
			}
			.phone{
				width: 33rpx;
				height: 40rpx;
				margin-right: 18rpx;
			}
		}
		.wrap-btn-login{
			margin-top: 180upx;
		}
	}
}
.radio-content {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24rpx;
	font-weight: 400;
	color: #666666;
	margin-top: 280rpx;
	.read {
		padding-left: 8rpx;
		
	}
	
}
.agreement{
	color: #1C3563;
	font-weight: 500;
}